
<template>
  <div class="common-layout">
    <el-container>
      <el-header class="header" style="background: antiquewhite;align-content: center;color: #535bf2">
        <myHeader />
      </el-header>
      <el-container>
        <el-aside width="200px">
          <myAside />
        </el-aside>
        <el-container>
          <el-main style="margin-top: 10px">
            <router-view />
          </el-main>
        </el-container>
      </el-container>
    </el-container>
  </div>

</template>

<script>
import myHeader  from "/src/views/base-views/header/index.vue";
import myAside from "/src/views/base-views/aside/index.vue"

export default {
  name: 'Main',
  components: {
    myHeader,
    myAside,

  },
  data() {
    return {
    }
  },
  methods: {
  }
}
</script>

<style lang="scss" scoped>

</style>
